
// ==================登录注册页面切换===============
$('#showReg').on('click',function(){
    $('.reg-form').show()
    $('.login-form').hide()
})
$('#showLogin').on('click',function(){
    $('.reg-form').hide()
    $('.login-form').show()
})

const  form = layui.form
const layer = layui.layer


// ================密码判断=================
form.verify({  
    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    pass: [
      /^[\S]{6,12}$/
      ,'密码必须6到12位，且不能出现空格'
    ] ,

    // 确认密码
    repwd(value){
      // value 值
      if($('#pwdInp').val() !== value){
        return '两次密码输入不一致'
      }
    }
  })


  // ======================axios请求实现注册功能=================
$('.reg-form').on('submit',function(e){
  e.preventDefault()
  const data = $(this).serialize()
  // console.log(data)
  axios.post('/api/reguser',data).then(({data:{status,message}})=>{
    // 注册失败
  if(status !== 0){
      return layer.msg(message)
    }
    // 注册成功
      layer.msg('注册成功了')

      // 切换登录页面
      $('#showLogin').click()
  })
})


// ========================axios请求实现登录功能==============
$('.login-form').on('submit',function(e){
  // 清除默认行为
  e.preventDefault()
  // 获取表单的值
  const data = $(this).serialize()
  axios.post('/api/login',data).then(({data:{status,message,token}})=>{
    // 登录失败
  if(status !== 0){
      return layer.msg(message)
    }

  // 将token身份令牌存到本地 一定要有，否则后面会出错
  localStorage.setItem('token',token)

  // 登录成功 msg弹框显示
  layer.msg('登录成功，即将跳转到首页', {

    time: 2000 //2秒关闭（如果不配置，默认是3秒）
  }, function(){
      location.href = './index.html'
  })
  })
})